import * as React from 'react';
import { getSlots } from '@fluentui/react-utilities';
import { {{camelCase componentName}}ShorthandProps, {{componentName}}State } from './{{componentName}}.types';

/**
 * Render the final JSX of {{componentName}}
 */
export const render{{componentName}} = (state: {{componentName}}State) => {
  const { slots, slotProps } = getSlots(state, {{camelCase componentName}}ShorthandProps);

  return (
    <slots.root {...slotProps.root}>
      {/* TODO Add additional slots in the appropriate place */}
      {state.children}
    </slots.root>
  );
};
